<style>

#third-party-list a{float:left;width:36px;height:36px;background-image:url(__THEME__/image/ico-account.png);background-repeat:no-repeat;background-position:0 0;cursor:pointer;font-size:12px;color:#888;padding:0 0 0 0;margin:0 0 0 0px;text-decoration:none;overflow:hidden;display:block;text-align:center;line-height:36px;}
#third-party-list a span{display:none;}
#third-party-list a:hover{opacity:1;filter:alpha(opacity=100);/*color:#0096e6;*/color:#888;text-decoration:none;}
#third-party-list a.bds_count{display:none}
#third-party-list .bds_tsina{background-position:-46px -550px;}
#third-party-list .bds_weixin{background-position:-92px -550px;}
#third-party-list .bds_tqq{background-position:-138px -550px;}
#third-party-list .bds_qzone{background-position:-184px -550px;}
#third-party-list .bds_renren{background-position:-230px -550px;}
#third-party-list .bds_douban{background-position:-276px -550px;}
#third-party-list .big-ico-more{background-position:-108px -282px;}

#third-party-list .bds_tsina:hover{background-position:-46px -630px;}
#third-party-list .bds_weixin:hover{background-position:-92px -630px;}
#third-party-list .bds_tqq:hover{background-position:-138px -630px;}
#third-party-list .bds_qzone:hover{background-position:-184px -630px;}
#third-party-list .bds_renren:hover{background-position:-230px -630px;}
#third-party-list .bds_douban:hover{background-position:-276px -630px;}
#third-party-list .big-ico-more{background-position:-108px -282px;}
</style>

<div class="third-party-list ">
  <ul class="bdsharebuttonbox" data-tag="third-party-list" id="third-party-list">
    <li>分享到：</li>
    <li><a href="javascript:;" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a></li>
    <li><a href="javascript:;" class="bds_tqq" data-cmd="tqq" title="分享到腾讯QQ"></a></li>
    <li><a href="javascript:;" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a></li>
    <li><a href="javascript:;" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a></li>
   <!--  <li>分享到</li>
    <li><a class="big-ico-sina"></a></li>
    <li><a class="big-ico-weixin"></a></li>
    <li><a class="big-ico-qqzone"></a></li>
    <li class="big-code-layer"><a class="big-ico-code"></a>
      <div class="big-code"><img src="" alt="二维码"/></div>
    </li> -->
    <li class="third-party-more-layer"> <a class="big-ico-more"></a>
      <div class="third-party-more">
        <ul class="clearfix">
          <li><a href="javascript:;" class="bds_renren" data-cmd="renren" title="分享到人人网"></a></li>
          <li><a href="javascript:;" class="bds_douban" data-cmd="douban" title="分享到豆瓣网"></a></li>
        </ul>
      </div>
    </li>
  </ul>
</div>
<script language="javascript" type="text/javascript">
core.plugFunc('bdshare', function(){
  var bdText = $('.postDetail p').text();
  var bdDesc = $('.post-tit span:first').text();
  var url = location.href;
  var pic = '';
  core.bdshare.addConfig('share', {
    "tag" : "third-party-list",
    'bdText' : bdText, 
    'bdDesc' : bdDesc, 
    'bdUrl' : url,
    'bdPic' : pic
  });
});
function showLayer(trigger,content){
	$(trigger).mouseover(function(){
	 $(content).show();
	});
  $(trigger).mouseleave(function(){
	 $(content).hide();
	})
}
showLayer(".third-party-more-layer",".third-party-more");
showLayer(".big-code-layer",".big-code");
</script> 
